<template>
  <div class="indexmap">
    <el-container class="mainBox_ghsj" v-show="!isHidde">
      <el-tabs class="checkTabs" tab-position="left" v-model="activeMaincheck">
        <el-tab-pane label="综合监管" name="syn">
          <el-row class="topRow">
            <span class="tit">综合监管</span>
          </el-row>
          <el-row class="txtContent" v-for="item in superviceList" :key="item.id">
            <div class="txtItems">
              <span class="txtTitle">测绘单位：{{item.companyName}}</span>
              <!--span>测绘人员：张小明</span-->
              <span>测绘时间：{{item.time}}</span>
              <span>测绘地点：{{item.place}}</span>
              <span>经纬度：{{item.coorDonate}}</span>
            </div>
            <!--div class="toolBtn">
              <a href="javascript:void(0)" @click="$router.push({name: `viewDetail`, params: {supervice: item}})">查看</a>
            </div-->
          </el-row>
          <div style="text-align:center;margin-top:100px" v-if="superviceList.length == 0">暂无数据!</div>
          <el-pagination
            class="pager"
            @current-change="handleCurrentChange"
            :current-page="page"
            :page-size="size"
            layout="total, prev, pager, next"
            :total="total"
          ></el-pagination>
        </el-tab-pane>
        <el-tab-pane class="ideaTabs" label="审查意见" name="rep">
          <el-tabs tab-position="top" v-model="ideaTabs">
            <el-tab-pane label="内业审查意见" name="nyscyj">
              <div style="text-align:center;margin-top:100px" v-if="nyOpinions.length == 0">暂无数据！</div>
              <div class="rowsContainer">
                <el-row class="txtContent" v-for="(item,index) in nyOpinions" :key="item.id">
                  <div class="txtItems">
                    <span class="changeTime">{{item.createTime}}</span>
                    <div class="subItem">
                      <span>问题图层：{{getDrawingFileName(item.drawingType)}}</span>
                      <span>问题类型：{{ contentTypeList[item.contentType - 1].t }}</span>
                    </div>
                    <span
                      v-if="item.xpoint && item.ypoint"
                    >问题位置：坐标X {{ item.xpoint }}；坐标Y {{ item.ypoint }}</span>
                    <span v-else>问题位置：无</span>
                    <span>问题描述：{{item.content}}</span>
                    <div class="changeStatus">
                      <span>修改情况：</span>
                      <span>{{item.status == 3 ? '通过':item.status == 2 ? '不通过':item.status == 1 ? '未整改' : '正常'}}</span>
                    </div>
                  </div>
                  <div class="toolBtn" v-if="!isCurrentProcess">
                    <span
                      class="eidtState"
                      @click="showEditBox(item, index, 'ny')"
                      v-if="item.status != 4"
                    >修改情况</span>
                    <a class="del" href="javascript:void(0)" @click="handleRemove(item)">删除</a>
                    <div class="eidtStateBox editSp" v-show="item.eidtState">
                      <el-radio
                        @change="eidtAdvice(item)"
                        v-for="(it, index) in statusList"
                        v-show="index !== 0"
                        :key="it.v"
                        v-model="item.status"
                        :label="it.v"
                      >{{it.t}}</el-radio>
                    </div>
                  </div>
                </el-row>

                <!-- 添加内业审查意见 -->
                <el-form
                  class="formFsnysc"
                  :model="formNyscyj"
                  ref="formNyscyj"
                  v-if="nyscyjAdd"
                  :rules="formNyscyjRule"
                >
                  <div class="pblLayItem">
                    <el-form-item label="问题图层" prop="drawingType">
                      <el-select v-model="formNyscyj.drawingType">
                        <el-option
                          v-for="item in fileSelectionList"
                          :key="item.fileType"
                          :label="item.fileName"
                          :value="item.fileType"
                        ></el-option>
                      </el-select>
                    </el-form-item>
                    <el-form-item label="问题类型" prop="contentType">
                      <el-select v-model="formNyscyj.contentType">
                        <el-option
                          v-for="item in contentTypeList"
                          :label="item.t"
                          :value="item.v"
                          :key="item.v"
                        ></el-option>
                      </el-select>
                    </el-form-item>
                  </div>
                  <el-form-item
                    label="问题位置"
                    inline-message
                    prop="ypoint"
                    v-show="formNyscyj.contentType != 4"
                  >
                    <div class="pblLayItem">
                      <div class="group">
                        <span class="posLab">坐标x</span>
                        <el-input v-model="formNyscyj.xpoint" class="pos"></el-input>
                      </div>
                      <div class="group">
                        <span class="posLab">坐标y</span>
                        <el-input v-model="formNyscyj.ypoint" class="pos"></el-input>
                      </div>
                      <el-button class="position el-icon-delete-location" @click="handlePickup">拾取</el-button>
                    </div>
                  </el-form-item>
                  <el-form-item label="问题描述" prop="content" v-show="formNyscyj.contentType != 4">
                    <el-input class="txtArea" type="textarea" v-model="formNyscyj.content" rows="7"></el-input>
                  </el-form-item>
                  <el-form-item label prop="content">
                    <div class="btns">
                      <el-button class="submit" @click="handleAddFsnysc">提交</el-button>
                      <el-button class="cancel" @click="handleCnacel(1)">取消</el-button>
                    </div>
                  </el-form-item>
                </el-form>
              </div>
            </el-tab-pane>
            <el-tab-pane label="外业审查意见" name="wyscyj">
              <div style="text-align:center;margin-top:100px" v-if="wyOpinions.length == 0">暂无数据！</div>
              <div class="rowsContainer">
                <el-row class="txtContent" v-for="(item,index) in wyOpinions" :key="item.id">
                  <div class="txtItems">
                    <span class="changeTime">{{item.createTime}}</span>
                    <div class="subItem">
                      <span>问题图层：{{getDrawingFileName(item.drawingType)}}</span>
                      <!-- <span>问题类型：{{ contentTypeList[item.contentType - 1].t }}</span> -->
                    </div>
                    <span
                      v-if="item.xpoint && item.ypoint"
                    >问题位置：坐标X {{ item.xpoint }}；坐标Y {{ item.ypoint }}</span>
                    <span v-else>问题位置：无</span>
                    <span>问题描述：{{item.content}}</span>
                    <div class="changeStatus">
                      <span>修改情况：</span>
                      <span>{{item.status == 3 ? '通过':item.status == 2 ? '不通过':item.status == 1 ? '未整改' : '正常'}}</span>
                    </div>
                  </div>
                  <div class="toolBtn" v-if="!isCurrentProcess">
                    <span
                      class="eidtState"
                      @click="showEditBox(item, index, 'wy')"
                      v-if="item.status != 4"
                    >修改情况</span>
                    <a class="del" href="javascript:void(0)" @click="handleRemove(item)">删除</a>
                    <div class="eidtStateBox editSp" v-show="item.eidtState">
                      <el-radio
                        @change="eidtAdvice(item)"
                        v-for="(it, index) in statusList"
                        v-show="index !== 0"
                        :key="it.v"
                        v-model="item.status"
                        :label="it.v"
                      >{{it.t}}</el-radio>
                    </div>
                  </div>
                </el-row>

                <!-- 添加外业审查意见 -->
                <el-form
                  class="formFsnysc"
                  :model="formWyscyj"
                  ref="formWyscyj"
                  v-if="wyhcyjAdd"
                  :rules="formWyscyjRule"
                >
                  <div class="pblLayItem">
                    <el-form-item label="问题图层" prop="drawingType">
                      <el-select v-model="formWyscyj.drawingType">
                        <el-option
                          v-for="item in fileSelectionList"
                          :key="item.fileType"
                          :label="item.fileName"
                          :value="item.fileType"
                        ></el-option>
                      </el-select>
                    </el-form-item>
                  </div>
                  <el-form-item
                    label="问题位置"
                    inline-message
                    prop="ypoint"
                    v-show="formWyscyj.contentType != 4"
                  >
                    <div class="pblLayItem">
                      <div class="group">
                        <span class="posLab">坐标x</span>
                        <el-input v-model="formWyscyj.xpoint" class="pos"></el-input>
                      </div>
                      <div class="group">
                        <span class="posLab">坐标y</span>
                        <el-input v-model="formWyscyj.ypoint" class="pos"></el-input>
                      </div>
                      <el-button class="position el-icon-delete-location" @click="handlePickup">拾取</el-button>
                    </div>
                  </el-form-item>
                  <el-form-item label="问题描述" prop="content" v-show="formWyscyj.contentType != 4">
                    <el-input class="txtArea" type="textarea" v-model="formWyscyj.content" rows="7"></el-input>
                  </el-form-item>
                  <el-form-item label prop="content">
                    <div class="btns">
                      <el-button class="submit" @click="handleAddFswysc">提交</el-button>
                      <el-button class="cancel" @click="handleCnacel(2)">取消</el-button>
                    </div>
                  </el-form-item>
                </el-form>
              </div>
            </el-tab-pane>
          </el-tabs>
          <el-button
            @click="handleAdd"
            :disabled="addBtnState"
            class="blue"
            v-if="!isCurrentProcess"
          >新增</el-button>
        </el-tab-pane>
      </el-tabs>
    </el-container>
  </div>
</template>

<script>
import toolMenuBar from "@/components/toolMenuBar/";
import {
  getDrawingAuditAdviceList,
  addDrawingAuditAdviceList,
  updateDrawingAuditAdvice,
  delDrawingAuditAdvice,
  getSuperviceList
} from "@/api/plannDesignBudget/countryAuditAdvice";
export default {
  components: {
    toolMenuBar
  },
  data() {
    return {
      page: 1,
      size: 3,
      total: 0,
      superviceList: [], // 综合监管
      eidtState: false,
      isHidde: false,
      ideaTabs: "nyscyj",
      activeMaincheck: "syn",
      nyscyjAdd: false,
      wyhcyjAdd: false,
      nyOpinions: [], // 内业审查列表
      wyOpinions: [], // 外业审查列表
      contentTypeList: [
        { v: 1, t: "一般错误" },
        { v: 2, t: "严重错误" }, // 问题类型
        { v: 3, t: "疑问片块" },
        { v: 4, t: "无错误" }
      ],
      statusList: [
        { v: 1, t: "未修改" },
        { v: 3, t: "通过" },
        { v: 2, t: "未通过" }
      ], // 修改状态
      formNyscyj: {
        drawingType: "",
        drawingFileId: "",
        xpoint: "",
        ypoint: "",
        file: "",
        content: "",
        status: 1,
        linkName: this.linkName,
        contentType: "",
        auditType: 1
      },
      formWyscyj: {
        drawingType: "",
        drawingFileId: "",
        xpoint: "",
        ypoint: "",
        file: "",
        content: "",
        status: 1,
        linkName: this.linkName,
        contentType: "",
        auditType: 2
      },
      formNyscyjRule: {
        drawingType: [
          {
            require: true,
            validator: (rule, value, callback) => {
              if (!value) {
                callback(new Error("请选择问题图层"));
              }
              callback();
            },
            trigger: "change"
          }
        ],
        contentType: [
          {
            require: true,
            validator: (rule, value, callback) => {
              if (!value) {
                callback(new Error("请选择问题类型"));
              }
              callback();
            },
            trigger: "change"
          }
        ],
        ypoint: [
          {
            require: true,
            validator: (rule, value, callback) => {
              if (
                (!value && value !== 0) ||
                (!this.formNyscyj.xpoint && this.formNyscyj.xpoint !== 0)
              ) {
                callback(new Error("请填写坐标"));
              }
              callback();
            },
            trigger: "blur"
          }
        ],
        content: [
          {
            require: true,
            validator: (rule, value, callback) => {
              if (!value) {
                callback(new Error("请填写问题描述"));
              }
              callback();
            },
            trigger: "blur"
          }
        ]
      },
      formWyscyjRule: {
        drawingType: [
          {
            require: true,
            validator: (rule, value, callback) => {
              if (!value) {
                callback(new Error("请选择问题图层"));
              }
              callback();
            },
            trigger: "change"
          }
        ],
        ypoint: [
          {
            require: true,
            validator: (rule, value, callback) => {
              if (
                (!value && value !== 0) ||
                (!this.formWyscyj.xpoint && this.formWyscyj.xpoint !== 0)
              ) {
                callback(new Error("请填写坐标"));
              }
              callback();
            },
            trigger: "blur"
          }
        ],
        content: [
          {
            require: true,
            validator: (rule, value, callback) => {
              if (!value) {
                callback(new Error("请填写问题描述"));
              }
              callback();
            },
            trigger: "blur"
          }
        ]
      }
    };
  },
  watch:{
    ideaTabs(val){
      console.log("变换了")
      this.wyOpinions.forEach(v =>{
        v.eidtState = false
      })
      this.nyOpinions.forEach(v =>{
        v.eidtState = false
      })
    }
  },
  computed: {
    addBtnState() {
      if (
        (this.ideaTabs === "nyscyj" && this.nyscyjAdd) ||
        (this.ideaTabs === "wyhcyj" && this.wyhcyjAdd)
      ) {
        return true;
      } else {
        return false;
      }
    },
    getDate() {
      const date = new Date();
      return date.getFullYear() + "/" + date.getMonth() + "/" + date.getDay();
    },
    isCurrentProcess: function() {
      let isTrue =
        localStorage.getItem("key") ==
        "PLANNING_DESIGN_AND_BUDGETING_DIST_EXAMINE";
      return !isTrue;
    }
  },
  props: {
    fileSelectionList: {
      type: Array,
      require: true,
      default: () => []
    },
    projectId: {
      type: Number,
      require: true
    },
    linkName: {
      type: String,
      require: true
    }
  },
  created() {
    this._initData();
    this.handleCurrentChange();
  },
  methods: {
    handleClose() {
      this.isHidde = !this.isHidde;
    },
    // 获取综合监管列表
    handleCurrentChange() {
      const loading = this.$loading({
        lock: true,
        text: "Loading",
        spinner: "el-icon-loading",
        background: "rgba(0, 0, 0, 0.7)"
      });
      getSuperviceList({
        page: this.page,
        size: this.size,
        projectId: this.projectId
      })
        .then(res => {
          this.total = res.data.total;
          this.superviceList = res.data.rows;
          loading.close();
        })
        .catch(err => {
          loading.close();
        });
    },
    // 修改图件审查修改状态
    eidtAdvice(item) {
      const loading = this.$loading({
        lock: true,
        text: "Loading",
        spinner: "el-icon-loading",
        background: "rgba(0, 0, 0, 0.7)"
      });
      updateDrawingAuditAdvice(item)
        .then(res => {
          this.$message.success("修改成功");
          loading.close();
        })
        .catch(err => {
          loading.close();
        });
    },
    handleAdd() {
      console.log(this.ideaTabs)
      switch (this.ideaTabs) {
        case "nyscyj":
          this.nyscyjAdd = true;
          break;
        case "wyscyj":
          this.wyhcyjAdd = true;
          break;
        default:
          break;
      }
    },
    showEditBox(item, index, flag) {
      const it = Object.assign(item);
      it.eidtState = !it.eidtState;
      if (flag === "ny") {
        this.nyOpinions.splice(index, 1, it);
      } else if (flag === "wy") {
        this.wyOpinions.splice(index, 1, it);
      }
    },
    /*
     * 提交添加复审内业审查意见
     * */
    handleAddFsnysc() {
      let isTrue = true;
      if (this.formNyscyj.contentType != 4) {
        this.$refs["formNyscyj"].validate(valid => {
          isTrue = Boolean(valid);
          this.formNyscyj.status = 1;
        });
      } else {
        this.formNyscyj.status = 4;
        this.formNyscyj.content = "没问题";
      }
      if (isTrue) {
        const loading = this.$loading({
          lock: true,
          text: "Loading",
          spinner: "el-icon-loading",
          background: "rgba(0, 0, 0, 0.7)"
        });
        const files = this.fileSelectionList.filter(
          item => item.fileType == this.formNyscyj.drawingType
        );
        if ((files[0] && files[0].fileId) || files[0].fileId === null) {
          this.formNyscyj.drawingFileId = files[0].fileId;
        }
        const data = Object.assign(this.formNyscyj, {
          projectId: this.projectId
        });
        addDrawingAuditAdviceList(data)
          .then(res => {
            loading.close();
            this.$message.success("添加成功");
            this._getWorkOpinion();
            this.$refs["formNyscyj"].resetFields();
            this.formNyscyj.xpoint = "";
            this.handleCnacel(1);
          })
          .catch(err => {
            loading.close();
          });
      }
      // console.log(this.formNyscyj)
    },
    handleAddFswysc() {
      let isTrue = true;
      // if (this.formWyscyj.contentType != 4) {
      //   this.$refs["formWyscyj"].validate(valid => {
      //     isTrue = Boolean(valid);
      //   });
      // } else {
      //   this.formWyscyj.status = 4;
      //   this.formWyscyj.content = "没问题";
      // }
      if (isTrue) {
        const loading = this.$loading({
          lock: true,
          text: "Loading",
          spinner: "el-icon-loading",
          background: "rgba(0, 0, 0, 0.7)"
        });
        const files = this.fileSelectionList.filter(
          item => item.fileType == this.formWyscyj.drawingType
        );
        if ((files[0] && files[0].fileId) || files[0].fileId === null) {
          this.formWyscyj.drawingFileId = files[0].fileId;
        }
        const data = Object.assign(this.formWyscyj, {
          projectId: this.projectId
        });
        addDrawingAuditAdviceList(data)
          .then(res => {
            loading.close();
            this.$message.success("添加成功");
            this._getWorkOpinionWy();
            this.$refs["formWyscyj"].resetFields();
            this.formWyscyj.xpoint = "";
            this.handleCnacel(2);
          })
          .catch(err => {
            loading.close();
          });
      }
      // console.log(this.formNyscyj)
    },
    //
    handleCnacel(flag) {
      if (flag == 1) {
        this.nyscyjAdd = false;
      }else if(flag == 2){
        this.wyhcyjAdd = false;
      }
    },
    /*
     * 拾取坐标
     * */
    handlePickup() {
      this.pickLatlngSwitch = true;
      this.$nextTick(() => {
        this.$parent.$parent.handleScView(false);
        this.$parent.$parent.handlePickLatlngSwitch(true);
      });
    },
    getPickObj(e) {
      if(this.ideaTabs == "nyscyj"){
        this.formNyscyj.xpoint = e.latlng.lat;
        this.formNyscyj.ypoint = e.latlng.lng;
      }else{
        this.formWyscyj.xpoint = e.latlng.lat;
        this.formWyscyj.ypoint = e.latlng.lng;
      }
    },
    // 获取图件文件名称
    getDrawingFileName(drawingType) {
      const file = this.fileSelectionList.find(item => {
        return item.fileType == drawingType;
      });
      return file && file.fileName;
    },
    // 删除图件审核意见
    handleRemove(item) {
      this.$confirm("确认删除此条审查意见?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          const loading = this.$loading({
            lock: true,
            text: "Loading",
            spinner: "el-icon-loading",
            background: "rgba(0, 0, 0, 0.7)"
          });
          delDrawingAuditAdvice(item.id)
            .then(res => {
              this.$message.success("删除成功");
              loading.close();
              this._getWorkOpinion();
              this._getWorkOpinionWy();
            })
            .catch(err => {
              loading.close();
            });
        })
        .catch(() => {});
    },
    // 获取内业/外业审查意见
    _getWorkOpinion() {
      const loading = this.$loading({
        lock: true,
        text: "Loading",
        spinner: "el-icon-loading",
        background: "rgba(0, 0, 0, 0.7)"
      });
      // 内业审查意见
      getDrawingAuditAdviceList({
        linkName: this.linkName,
        projectId: this.projectId,
        auditType: 1
      })
        .then(res => {
          let list = [];
          if (res.data) {
            list = res.data.map(item => {
              item.eidtState = false;
              return item;
            });
          }
          this.nyOpinions = list;
          loading.close();
        })
        .catch(err => {
          loading.close();
        });
    },
    // 获取内业/外业审查意见
    _getWorkOpinionWy() {
      const loading = this.$loading({
        lock: true,
        text: "Loading",
        spinner: "el-icon-loading",
        background: "rgba(0, 0, 0, 0.7)"
      });
      // 内业审查意见
      getDrawingAuditAdviceList({
        linkName: this.linkName,
        projectId: this.projectId,
        auditType: 2
      })
        .then(res => {
          let list = [];
          if (res.data) {
            list = res.data.map(item => {
              item.eidtState = false;
              return item;
            });
          }
          this.wyOpinions = list;
          loading.close();
        })
        .catch(err => {
          loading.close();
        });
    },
    // 初始化数据
    _initData() {
      this._getWorkOpinion();
      this._getWorkOpinionWy();
    }
  }
};
</script>

<style lang="scss">
.indexmap {
  .menubox {
    width: 40px;
    height: 390px;
    background: #ffffff;
    border-radius: 2px;
    left: 40px;
    top: 40px;
    position: absolute;
    .item {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 48px;
      cursor: pointer;
      img {
        width: 24px;
        height: 24px;
      }
    }
    .line {
      width: 18px;
      height: 1px;
      margin: auto;
      background: #e6e6e6;
    }
  }
}

// 主container
.mainBox_ghsj {
  width: 760px;
  height: 490px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 4px;
  margin: auto;
  .closeBtn {
    position: absolute;
    top: -8px;
    right: -25px;
    color: #fff;
    width: 15px;
    height: 15px;
    cursor: pointer;
  }
  /deep/ .el-tabs__header {
    margin: 0;
  }
  /deep/ .checkTabs.el-tabs {
    display: flex;
    & > .el-tabs__header {
      width: 88px;
      height: 656px;
      background: rgba(247, 248, 250, 1);
      opacity: 1;
      padding: 30px 0;
      margin-right: 0;
      border-radius: 4px 0px 0px 4px;
      box-sizing: border-box;
      /deep/ .el-tabs__nav {
        /deep/ .el-tabs__item,
        /deep/ .el-tabs__active-bar {
          height: 36px;
          line-height: 36px;
          font-size: 14px;
        }
      }

      /deep/ .el-tabs__item.is-active {
        background: #ebeff5;
      }
      /deep/ .el-tabs__nav-wrap::after {
        background: none;
      }
    }
    /deep/ .txtContent.el-row {
      margin-left: 20px;
    }
  }
  .topRow {
    border-bottom: 1px solid #f2f2f2;
    padding-left: 30px;
  }
  .checkTabs {
    & > .el-tabs__content {
      width: 672px;
      padding: 10px 0;
      box-sizing: border-box;
      height: calc(100% - 44px);
      .tit {
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 500;
        height: 36px;
        line-height: 36px;
        color: rgba(29, 136, 243, 1);
        opacity: 1;
        display: inline-block;
        margin-bottom: 10px;
        border-bottom: 2px solid #1570d5;
      }
    }
  }
}

// 综合监管列表
.txtContent {
  display: flex;
  width: calc(100% - 20px);
  padding: 10px 0;
  border-bottom: 1px solid rgba(225, 226, 230, 1);
  align-items: center;
  .txtItems {
    width: calc(100% - 60px);
    padding-left: 10px;
    & > span {
      font-size: 14px;
      font-family: PingFang SC;
      margin-top: 10px;
      font-weight: 500;
      line-height: 20px;
      color: rgba(140, 140, 140, 1);
      opacity: 1;
      display: inline-block;
      width: 240px;
    }
    .txtTitle {
      display: block;
    }
  }
  .toolBtn {
    position: relative;
    width: 120px;
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 30px;
    .eidtState {
      font-size: 14px;
      color: #7eb1e6;
      line-height: 20px;
      margin-right: 10px;
      cursor: pointer;
    }
    a {
      width: 30px;
      line-height: 20px;
      font-size: 14px;
      color: rgba(29, 136, 243, 1);
      &.del {
        color: #f92828;
      }
    }
    .eidtStateBox {
      position: absolute;
      width: 176px;
      height: 60px;
      bottom: -59px;
      right: 70px;
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08);
      display: flex;
      align-items: center;
      padding: 0 20px;
      background-color: #fff;
      .el-checkbox {
        margin-right: 6px;
      }
    }
    .editSp{
      bottom: -5px;
    }
  }
}
.mainBox_ghsj {
  // 审查意见
  .ideaTabs {
    height: 100%;
    /deep/ .el-tabs {
      height: 100%;
      overflow: hidden;
    }
    /deep/ .el-tab-pane {
      height: 100%;
    }
    /deep/ .el-tabs__nav-scroll {
      padding-bottom: 10px;
      padding-left: 30px;
      border-bottom: 1px solid #f2f2f2;
    }
    /deep/ .el-tabs__item {
      height: 36px;
      font-size: 14px;
      line-height: 36px;
      color: #999999;
      padding: 0 10px;
      &.is-active {
        color: #1d88f3;
      }
    }
    /deep/ .el-tabs__nav-wrap::after {
      background: none;
    }

    // 添加按钮
    .blue {
      background: #409eff;
      font-size: 14px;
      color: #fff;
      position: absolute;
      top: 15px;
      right: 52px;
      width: 60px;
      height: 28px;
      padding: 0;
      &.is-disabled {
        background: #f0f3f5;
        color: #b3b3b3;
      }
    }
    /deep/ .el-tabs__content {
      height: calc(100% - 44px);
      padding: 0;
      box-sizing: border-box;
    }
    /deep/ .el-row {
      height: 150px;
    }
    .wy {
      /deep/ .el-row {
        height: 120px;
      }
    }
    // 复核内业审查意见列表
    .txtItems {
      display: flex;
      flex-direction: column;
      .subItem {
        display: flex;
        & > span {
          font-size: 14px;
          font-family: PingFang SC;
          margin-top: 10px;
          font-weight: 500;
          line-height: 20px;
          color: rgba(140, 140, 140, 1);
          width: 200px;
        }
      }
      & > span {
        display: inline-block;
        width: 100%;
        &.cols2 {
          width: 200px;
        }
      }
      .changeTime {
        position: absolute;
        top: 10px;
        right: 30px;
        width: auto;
      }
      .changeStatus {
        display: flex;
        font-size: 14px;
        font-family: PingFang SC;
        margin-top: 10px;
        font-weight: 500;
        line-height: 20px;
        color: rgba(140, 140, 140, 1);
        & > span {
          display: inline;
          width: auto;
        }
      }
    }

    // 添加复审内业审查意见
    .formFsnysc,
    .formFswyhc {
      .posLab {
        font-size: 13px;
        color: #a6a6a6;
        margin-right: 7px;
      }
      .pblLayItem {
        display: flex;
        justify-content: space-between;
        align-items: center;
        /deep/ .el-form-item {
          display: flex;
        }
        .group {
          display: inline;
        }
      }
      /deep/ .el-form-item__label {
        font-size: 14px;
        font-weight: 500;
        color: #8c8c8c;
      }
      .position {
        height: 36px;
        color: #409eff;
        background: #f0f5fa;
        padding: 8px;
      }
      /deep/ .el-input {
        width: 180px;
        height: 36px;
        font-size: 14px;
        color: #666;
        /deep/ .el-input__inner {
          height: 36px;
        }
        &.pos {
          width: 160px;
        }
      }
      .txtArea {
        width: 488px;
        height: 160px;
      }
      .btns {
        margin-left: 70px;
        btn {
          font-size: 14px;
          color: #666666;
        }
        .submit {
          background: #409eff;
          color: #fff;
        }
      }
      width: calc(100% - 20px);
      height: 100%;
      background: #fff;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 2;
      padding: 20px 95px 0 0;
      margin: 0 0px 0 20px;
    }
    // 复审外业核查意见
    .fswyhc {
      .txtContent {
        padding: 10px 0;
      }
    }
  }
}
</style>
<style lang="scss" scoped>
.ideaTabs {
  .rowsContainer {
    height: 100%;
    overflow: auto;
  }
}
.pager {
  position: absolute;
  right: 30px;
  bottom: 20px;
}
</style>
